@import url(./animate.less);
@import url(./icon.less);

body {
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  margin-right: calc(100% - 100vw);
  overflow-x: hidden;
  // background-color: #F7F8FA;
}

body,
input,
textarea {
  color: #565656;
  font: 16px/1.5 Lato,'Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei',-apple-system-font,Helvetica Neue,Helvetica,sans-serif;
}

a {
  color: #565656;
  text-decoration: none;
}

img {
  vertical-align: top;
  -webkit-user-drag: none;
}

p {
  word-break: break-all;
}

table {
  border-collapse: collapse;
}

.ie-clearfix:after {
  display: table;
  clear: both;
  content: '';
}

.ie-pullright {
  float: right !important;
}

.ie-container {
  width: 100%;
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto;
  line-height: 1;
  position: relative;

  &:after {
    display: table;
    clear: both;
    content: '';
  }
}

.ie-container--fluid {
  width: 100vw;
  margin: 0 auto;
  position: relative;
}

// @media screen and (max-width: 1230px) {
//   .ie-container--fluid {
//     padding: 0 15px;

//     & > .ie-container {
//       padding: 0;
//     }
//   }
// }
